html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; }
html, body { height: 100%; font: 12px/1.2 Arial, "Microsoft Yahei", Helvetica, sans-serif; }
html, body { text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
ol, ul { list-style-type: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: 0; }
button::-moz-focus-inner { padding: 0; border: 0; }

h1, h2, h3 { font-weight: normal; }
ol, ul, li { list-style: none; }

a { outline: none; text-decoration: none; }
a span { cursor: pointer; }
p { word-break: break-all; word-wrap: break-word; }
textarea { overflow: auto; }
em { font-style: normal; }
img { vertical-align: top; }

.hide { display: none; }
.left { float: left; }
.right { float: right; }

.active { display: block !important; }

.clear { clear: both; display: block; margin: 0; padding: 0; }
.clearfix { *zoom: 1; }
.clearfix:after { clear: both; height: 0; overflow: hidden; display: block; visibility: hidden; content: "."; }

/* wow expansions */
.wow-exp-0, .wow-exp-0 a { color: #fff468 !important; }
/* classic */
.wow-exp-1, .wow-exp-1 a { color: #aad372 !important; }
/* the burning crusade */
.wow-exp-2, .wow-exp-2 a { color: #68ccef !important; }
/* wrath of the lich king */
.wow-exp-3, .wow-exp-3 a { color: #ff7c0a !important; }
/* cataclysm */

/* wow classes */
.wow-class-1, .wow-class-1 a { color: #c69b6d !important; }
/* warrior */
.wow-class-2, .wow-class-2 a { color: #f48cba !important; }
/* paladin */
.wow-class-3, .wow-class-3 a { color: #aad372 !important; }
/* hunter */
.wow-class-4, .wow-class-4 a { color: #fff468 !important; }
/* rogue */
.wow-class-5, .wow-class-5 a { color: #f0ebe0 !important; }
/* priest */
.wow-class-6, .wow-class-6 a { color: #c41e3b !important; }
/* death knight */
.wow-class-7, .wow-class-7 a { color: #2359ff !important; }
/* shaman */
.wow-class-8, .wow-class-8 a { color: #68ccef !important; }
/* mage */
.wow-class-9, .wow-class-9 a { color: #9382c9 !important; }
/* warlock */
.wow-class-10, .wow-class-10 a { color: #00ffba !important; }
/* monk */
.wow-class-11, .wow-class-11 a { color: #ff7c0a !important; }
/* druid */

/* wow item quality */
.wow-item-0, .wow-item-0 a { color: #9d9d9d !important; }
/* poor (gray) */
.wow-item-1, .wow-item-1 a { color: #ffffff !important; }
/* common (white) */
.wow-item-2, .wow-item-2 a { color: #1eff00 !important; }
/* uncommon (green) */
.wow-item-3, .wow-item-3 a { color: #0081ff !important; }
/* rare (blue) */
.wow-item-4, .wow-item-4 a { color: #c600ff !important; }
/* epic (purple) */
.wow-item-5, .wow-item-5 a { color: #ff8000 !important; }
/* legendary (orange) */
.wow-item-6, .wow-item-6 a { color: #e5cc80 !important; }
/* artifact (gold) */
.wow-item-7, .wow-item-7 a { color: #e5cc80 !important; }
/* heirloom (gold) */

/* sc2 races */
.sc2-race-0, .sc2-race-0 a { color: green !important; }
/* random */
.sc2-race-1, .sc2-race-1 a { color: red !important; }
/* terran */
.sc2-race-2, .sc2-race-2 a { color: blue !important; }
/* protoss */
.sc2-race-3, .sc2-race-3 a { color: purple !important; }
/* zerg */

/* sc2 factions */
.sc2-exp-0, .sc2-exp-0 a { color: blue !important; }
/* wings of liberty */
.sc2-exp-1, .sc2-exp-1 a { color: purple !important; }
/* heart of the swarm */
.sc2-exp-2, .sc2-exp-2 a { color: green !important; }
/* legacy of the void */

/* d3 classes */
.d3-class-barbarian, .d3-class-barbarian a { color: #be2903 !important; }
.d3-class-demon-hunter, .d3-class-demon-hunter a { color: #80077b !important; }
.d3-class-monk, .d3-class-monk a { color: #c08f03 !important; }
.d3-class-witch-doctor, .d3-class-witch-doctor a { color: #08711e !important; }
.d3-class-wizard, .d3-class-wizard a { color: #0559ae !important; }
.d3-class-crusader, .d3-class-crusader a { color: #dede00 !important; }

/* d3 colors */
.d3-color-blue, .d3-color-blue a { color: #7979d4 !important; }
.d3-color-gray, .d3-color-gray a { color: #909090 !important; }
.d3-color-gold, .d3-color-gold a { color: #c7b377 !important; }
.d3-color-green, .d3-color-green a { color: #8bd442 !important; }
.d3-color-orange, .d3-color-orange a { color: #bf642f !important; }
.d3-color-purple, .d3-color-purple a { color: #a335ee !important; }
.d3-color-red, .d3-color-red a { color: #E52817 !important; }
.d3-color-white, .d3-color-white a { color: #fff !important; }
.d3-color-yellow, .d3-color-yellow a { color: #f8cc35 !important; }

/* Blizzard Post */
#endText .blue-post { border: 1px solid #333333; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.8) inset; color: #33A7FF; margin: 20px auto; padding: 20px; text-align: left; max-width: 960px; min-height: 230px; }
#endText .blue-post-blizzard { background: url("http://img1.cache.netease.com/game/blizzard/static/images/blue-post-blizzard.jpg") no-repeat 0 0 #13181e; }
#endText .blue-post-netease { background: url("http://img1.cache.netease.com/game/blizzard/static/images/blue-post-netease.jpg") no-repeat 0 0 #13181e; }
#endText .blue-post h3 { line-height: 40px; color: #e4e3e3; background: url("http://img1.cache.netease.com/game/blizzard/static/images/blue-post-line.jpg") no-repeat 0 bottom; }
#endText .blue-post li { list-style: disc inside none; }
#endText .blue-post p, .blue-post li { font-size: 14px !important; }
#endText .blue-post a { color: #FF9100; }
#endText .blue-post a:hover { text-decoration: underline; }
#endText .blue-post .blue-post-spokesman { float: left; position: relative; width: 84px; color: #e4e3e3; padding: 7px 0 0 2px; }
#endText .blue-post .blue-post-spokesman .portrait { background: url("http://img1.cache.netease.com/game/blizzard/static/images/blue-post-icon.jpg") no-repeat 0 0; }
#endText .blue-post .blue-post-spokesman .name { width: 84px; text-align: center; padding: 10px 0 0; line-height: normal; font-size: 12px; }
#endText .blue-post .blue-post-spokesman .position { -webkit-text-size-adjust: none; color: #00A2FB; font-size: 11px; line-height: 15px; text-align: center; }
#endText .blue-post .title { font-size: 14px; font-weight: bold; }
#endText .blue-post .link { float: right; }
#endText .blue-post .link a { font-size: 12px; }
#endText .blue-post .blue-post-content { padding: 0 0 0 110px; }
#endText .blue-post .blue-post-content p { font-size: 12px; }
#endText .blue-post .blue-post-spokesman img { border: 0; box-shadow: none; margin:0; }

/* Text Colors */
.color-white { color: #fff !important; }
.color-green { color: #00ff00 !important; }
.color-blue { color: #009cff !important; }
.color-red { color: #BA2636 !important; }

/* Common formats */
.no-border,
.no-border td { border: 0 !important; }
.no-shadow { box-shadow: none !important; }
.no-background { background: none !important; }
.no-padding { padding: 0 !important; }
.no-padding-left { padding-left: 0 !important; }
.no-padding-top { padding-top: 0 !important; }
.no-margin { margin: 0 !important; }
.no-margin-left { margin-left: 0 !important; }
.no-margin-top { margin-top: 0 !important; }

.I_V_ { background: url(http://img1.cache.netease.com/img09/icon/icon.png) left center no-repeat; padding-left: 18px; }
.I_M_ { background: url(http://img1.cache.netease.com/img09/icon/icon.png) -457px center no-repeat; padding-left: 18px; }

/* Article Video */
#endText .video-wrapper { background: none !important; }
#endText .video-wrapper .video-info a { color: inherit !important; }
#endText .video-wrapper .video-info a:hover { color: #fff !important; }

/* Article Content */
#endText { width: auto; font-size: 14px; clear: both; padding: 10px 0; }
#endText strong, #endText b { font-weight: bold; }
#endText p { margin: 18px 0; text-indent: 2em; font-size: 16px; line-height: 1.8; }
#endText a:hover img.no-border { border: none; }
#endText ul { padding-left: 4em; }
#endText ul ul { padding-left: 2em;}
#endText ul li { list-style:square outside none; font-size: 16px; line-height: 30px; }
#endText .f_center { text-align: center; text-indent: 0; }
#endText .f_justify { text-align: justify; text-justify: inter-ideograph; text-indent: 0; }
#endText .f_table { border-collapse: collapse; margin: 0 auto; }
#endText .f_left { text-align: left; }
#endText .f_right { text-align: right; }

/* Article */
a.image { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.viewbox img { cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: zoom-out; }

.quote { border:1px solid rgba(255,255,255,0.15); background:rgba(0,0,0,0.2); padding:20px; margin:20px 0; }
.d3 .quote { border: 1px solid #322d27; border-radius: 3px; background: #0d0b08; padding: 10px; }

.wow .circle-icon { height: 35px; line-height: 35px; font-size: 16px; font-weight: bold; display: block; padding: 0 0 0 45px; vertical-align: middle; position: relative; margin: 20px 0; }
.wow .circle-icon:before { content: ""; display: block; width: 30px; height: 30px; position: absolute; top: 2px; left: 2px; background: url(http://img1.cache.netease.com/game/blizzard/wow/images/circle-icons.png) no-repeat 0 0; background-size: 100%; border-radius: 24px; }
.wow .circle-icon:after { content: ""; display: block; width: 35px; height: 35px; position: absolute; top: 0; left: 0; background: url(http://img1.cache.netease.com/game/blizzard/wow/images/circle-icon-frame.png) no-repeat 0 0; }
.wow .circle-icon.race:before { background-position: 0 0; }
.wow .circle-icon.class:before { background-position: 0 -30px; }
.wow .circle-icon.profession:before { background-position: 0 -60px; }
.wow .circle-icon.talents:before { background-position: 0 -90px; }
.wow .circle-icon.dungeons:before { background-position: 0 -120px; }
.wow .circle-icon.pvp:before { background-position: 0 -150px; }
.wow .circle-icon.factions:before { background-position: 0 -180px; }
.wow .circle-icon.garrisons:before { background-position: 0 -210px; }
.wow .circle-icon.events:before { background-position: 0 -240px; }
.wow .circle-icon.pets:before { background-position: 0 -270px; }
.wow .circle-icon.lore:before { background-position: 0 -300px; }
.wow .circle-icon.story:before { background-position: 0 -330px; }
.wow .circle-icon.characters:before { background-position: 0 -360px; }
.wow .circle-icon.raf:before { background-position: 0 -390px; }

#endText .article-button { text-align:center; margin:40px 0; text-indent:0;}
#endText .article-button a { display:inline-block; padding:10px 40px; border:2px solid; text-indent:0; border-radius:5px; margin:0 10px;}
#endText .article-button a:hover { text-decoration:none;}